$(function() {
	var Initials = $('.initials');
	var LetterBox = $('#letter');
	Initials.find('ul').append('<li>A</li><li>B</li><li>C</li><li>D</li><li>E</li><li>F</li><li>G</li><li>H</li><li>I</li><li>J</li><li>K</li><li>L</li><li>M</li><li>N</li><li>O</li><li>P</li><li>Q</li><li>R</li><li>S</li><li>T</li><li>U</li><li>V</li><li>W</li><li>X</li><li>Y</li><li>Z</li><li>#</li>');
	initials();

	$(".initials ul li").click(function() {
		var _this = $(this);
		var LetterHtml = _this.html();
		LetterBox.html(LetterHtml).fadeIn();

		Initials.css('background', 'rgba(145,145,145,0.6)');

		setTimeout(function() {
			Initials.css('background', 'rgba(145,145,145,0)');
			LetterBox.fadeOut();
		}, 1000);

		var _index = _this.index()
		if(_index == 0) {
			$('html,body').animate({
				scrollTop: '0px'
			}, 300); //点击第一个滚到顶部
		} else if(_index == 27) {
			var DefaultTop = $('#default').position().top;
			$('html,body').animate({
				scrollTop: DefaultTop + 'px'
			}, 300); //点击最后一个滚到#号
		} else {
			var letter = _this.text();
			if($('#' + letter).length > 0) {
				var LetterTop = $('#' + letter).position().top;
				$('html,body').animate({
					scrollTop: LetterTop - 45 + 'px'
				}, 300);
			}
		}
	})

	var windowHeight = $(window).height();
	var InitHeight = windowHeight - 45;
	Initials.height(InitHeight);
	var LiHeight = InitHeight / 28;
	Initials.find('li').height(LiHeight);
})

function initials() { //公众号排序
	var SortList = $(".sort_list");
	var SortBox = $(".sort_box");
	SortList.sort(asc_sort).appendTo('.sort_box'); //按首字母排序
	function asc_sort(a, b) {
		return makePy($(b).find('.num_name').text().charAt(0))[0].toUpperCase() < makePy($(a).find('.num_name').text().charAt(0))[0].toUpperCase() ? 1 : -1;
	}

	var initials = [];
	var num = 0;
	SortList.each(function(i) {
		var initial = makePy($(this).find('.num_name').text().charAt(0))[0].toUpperCase();
		if(initial >= 'A' && initial <= 'Z') {
			if(initials.indexOf(initial) === -1)
				initials.push(initial);
		} else {
			num++;
		}

	});

	$.each(initials, function(index, value) { //添加首字母标签
		SortBox.append('<div class="sort_letter" id="' + value + '">' + value + '</div>');
	});
	if(num != 0) {
		SortBox.append('<div class="sort_letter" id="default">#</div>');
	}

	for(var i = 0; i < SortList.length; i++) { //插入到对应的首字母后面
		var letter = makePy(SortList.eq(i).find('.num_name').text().charAt(0))[0].toUpperCase();
		switch(letter) {
			case "A":
				$('#A').after(SortList.eq(i));
				break;
			case "B":
				$('#B').after(SortList.eq(i));
				break;
			case "C":
				$('#C').after(SortList.eq(i));
				break;
			case "D":
				$('#D').after(SortList.eq(i));
				break;
			case "E":
				$('#E').after(SortList.eq(i));
				break;
			case "F":
				$('#F').after(SortList.eq(i));
				break;
			case "G":
				$('#G').after(SortList.eq(i));
				break;
			case "H":
				$('#H').after(SortList.eq(i));
				break;
			case "I":
				$('#I').after(SortList.eq(i));
				break;
			case "J":
				$('#J').after(SortList.eq(i));
				break;
			case "K":
				$('#K').after(SortList.eq(i));
				break;
			case "L":
				$('#L').after(SortList.eq(i));
				break;
			case "M":
				$('#M').after(SortList.eq(i));
				break;
			case "N":
				$('#N').after(SortList.eq(i));
				break;
			case "O":
				$('#O').after(SortList.eq(i));
				break;
			case "P":
				$('#P').after(SortList.eq(i));
				break;
			case "Q":
				$('#Q').after(SortList.eq(i));
				break;
			case "R":
				$('#R').after(SortList.eq(i));
				break;
			case "S":
				$('#S').after(SortList.eq(i));
				break;
			case "T":
				$('#T').after(SortList.eq(i));
				break;
			case "U":
				$('#U').after(SortList.eq(i));
				break;
			case "V":
				$('#V').after(SortList.eq(i));
				break;
			case "W":
				$('#W').after(SortList.eq(i));
				break;
			case "X":
				$('#X').after(SortList.eq(i));
				break;
			case "Y":
				$('#Y').after(SortList.eq(i));
				break;
			case "Z":
				$('#Z').after(SortList.eq(i));
				break;
			default:
				$('#default').after(SortList.eq(i));
				break;
		}
	};
}